/** 
  空白登分表
*/
<template>
  <div class="blank-score-sheet-container">
    <div style="height: 40px;">
      <el-breadcrumb separator="/" class="float-left" style="padding-top: 8px;">
        <el-breadcrumb-item :to="{ path: '/scoreEntryMana' }">
          <span @click="backToMain()">{{ $t('scoreEntryMana.scoreEntry') }}</span>
        </el-breadcrumb-item>
        <el-breadcrumb-item>{{ $t('scoreEntryMana.blankScoreSheet') }}</el-breadcrumb-item>
      </el-breadcrumb>
      <div class="float-right">
        <el-button type="text" @click="backToMain()">{{ $t('common.btn.back') }}</el-button>
      </div>
    </div>
    <course-grade-blank-sheet-score :detailInfo="detailInfo" @refresh-main-page="backToMain"></course-grade-blank-sheet-score>
  </div>
</template>
<script>
import scoreManagementApi from 'common/src/api/scoreManagement/scoreManagement';
import courseGradeBlankSheetScore from 'common/src/views/scoreManagement/common/courseGradeBlankSheetScore';
export default {
  components: {
    'course-grade-blank-sheet-score': courseGradeBlankSheetScore
  },
  data () {
    return {
    }
  },
  props: {
    detailInfo: {
      type: Object,
      default: () => {}
    }
  },
  created() {

  },
  mounted() {
    
  },
  methods: {
    // 返回主页
    backToMain() {
      this.$emit('refresh-main-page')
    }
  }
}
</script>

<style lang="scss" scoped>
  .blank-score-sheet-container ::v-deep {
    .title {
      margin-bottom: 40px;
      font-size: 18px;
    }
    .blank-title {
      margin-bottom: 40px;
      text-align: center;
      font-size: 18px;
    }
    .blank-sub-title {
      padding: 8px 0;
      font-size: 12px;
    }
  }
</style>